<script type="text/html" data-help-name="ui-page">
    <p>UIページ</p>
    <p>ダッシュボード内のコンテンツの単一画面</p>
    <h3>プロパティ</h3>
    <dl class="message-properties">
        <dt>
            画面
            <span class="property-type">ui-base</span>
        </dt>
        <dd>
            本ページを追加する画面 (ui-base) 
        </dd>
        <dt>
            パス
            <span class="property-type">文字列</span>
        </dt>
        <dd>
            親画面のパスに追加してページを表示する場所を定義します。
        </dd>
        <dt>
            アイコン
            <span class="property-type">文字列</span>
        </dt>
        <dd>
            サイドバーUIのページ名の横に表示されるアイコン。
            マテリアルデザインアイコンを使用でき、利用できるアイコンの全て一覧は、<a href="https://pictogrammers.com/library/mdi/">ここ</a> から参照できます。
            `mdi-`の接頭語を含める必要はなく、アイコン名を用いてください。
        </dd>
        <dt>
            テーマ
            <span class="property-type">ui-theme</span>
        </dt>
        <dd>
            ページのために利用可能なテーマを1つ選択します。独自のテーマを作成して設定することもできます。
        </dd>
        <dt>
            配置
            <span class="property-type">格子 | 固定 | ノートブック</span>
        </dt>
        <dd>
            利用可能なダッシュボード様式から1つを選択します。様式の詳細については、<a href="https://dashboard.flowfuse.com/layouts/grid.html">ここ</a> を参照してください。
        </dd>
        <dt>
            クラス
            <span class="property-type">文字列</span>
        </dt>
        <dd>
            レンダグリング時にページの様式に追加するカスタムCSSクラス
        </dd>
    </dl>
</script>